<template>
	<view>
		<!-- 首页 -->
	<view class="container">
		<view class="home-on"></view>
		<image :src="userImg"> </image>
		<view class="inooerss">
		</view>
	</view>
	<view class="home-onn">
		<navigator url="">
			<uni-icons type="compose" size="60" color="cornflowerblue"></uni-icons>
			推送签收
			</navigator>
		<navigator url="">
			<uni-icons type="eye" size="60" color="cornflowerblue"></uni-icons>
			每日总结
			</navigator>
		<navigator url="">
        <uni-icons type="map" size="60" color="cornflowerblue"></uni-icons>
			每日反馈
			</navigator>
		<navigator url="">
        <uni-icons type="fire" size="60" color="cornflowerblue"></uni-icons>
			自我评价
			</navigator>
		<navigator url="/pages/my_class/my_class">
			<uni-icons type="staff" size="60" color="cornflowerblue"></uni-icons>
			我的班级
			</navigator>
		<navigator url="">
			<uni-icons type="hand-up" size="60" color="cornflowerblue"></uni-icons>
			面试点评
			</navigator>
		<navigator url="/pages/student_attendance/student_attendance">
			<uni-icons type="folder-add" size="60" color="cornflowerblue"></uni-icons>
			学员考勤
			</navigator>
	</view>
	</view>
</template>

<script>
	import {
		getUserHead
	} from '@/api/login.js'
	export default {
		data() {
			return {
				userImg: ""
			}
		},
		methods: {
				async getUser() {
					const result = await getUserHead()
					this.userImg = result.data.msg.replace(/[\r\n]/g, '');
		
				}
			},
			onLoad() {
				this.getUser()
			}
		}
</script>

<style>
	.container {
		width: 100%;
		height: 460rpx;
		margin-top:200rpx;
		font-size: 36rpx;
		text-align: center;
		position: relative;
	}
	.home-on{
		position: absolute;
		width: 440rpx;
		height: 440rpx;
		border-radius: 50%;
		border:4rpx solid cornflowerblue;
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.container image{
		width: 400rpx;
		height: 400rpx;
		border-radius: 50%;
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		position: absolute;
	}
	.home-onn{
		border-top:2rpx solid cornflowerblue;
		margin-top: 40rpx;
		margin-left: 10rpx;
		width: 100%;
		height: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		
	}
	.home-onn navigator{
		font-size: 36rpx;
		width: 33%;
		height: 240rpx;
		text-align: center;
		line-height: 360rpx;
		position: relative;
		color: cornflowerblue;
	}
	.home-onn navigator uni-icons{
		position: absolute;
		margin: auto;
		bottom: -70rpx;
		left: 0;
		right: 0;
		
	}
</style>
